<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>房型详情</title>
    <link rel="stylesheet" href="./css/HeaderAndDibu.css">
    <link rel="stylesheet" href="./css/HousesDetail.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <script src="./js/swiper-bundle.min.js"></script>
    <script type="text/javascript"
        src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=SuAbrtK1Bu5V9XISRleW91vpdEVQ70IZ"></script>
</head>

<body>
    <div class="header">
        <div class="header-img1">
            <img w src="./image/index/logo.jpg">
        </div>
        <div class="header-img2">
            <img src="./image/index/my.jpg">
        </div>
        <div class="header-img3">
            <img src="./image/index/xiazai.jpg">
        </div>
    </div>
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="./image/index/img1.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="./image/index/img2.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="./image/index/img3.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="./image/index/img2.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="./image/index/img3.png" alt="">
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    <div class="title">
        <div class="title-div">
            <p>天鹅湾小区精装两居，满五唯一，</p>
            <p>业主换房急售</p>
            <p>576万元(单价:46327元/平)<img src="./image/SecondHandList/phone.png" alt=""></p>

            <p>挂牌时间2015年6月20日</p>
            <p>
                <span>学区房</span>
                <span>独家</span>
                <span>满五唯一</span>
            </p>
        </div>
    </div>
    <div class="color"></div>
    <div class="RoomType">
        <div class="RoomType-div">
            <div class="RoomType-div1">
                <p>户型：3室2厅</p>
                <p>面积：100平</p>
            </div>
            <div class="RoomType-div1">
                <p>楼层：中楼层</p>
                <p>朝向：西南</p>
            </div>
            <div class="RoomType-div1">
                <p>装修：精装</p>
                <p>楼型：塔楼</p>
            </div>
            <div class="RoomType-div1">
                <p>年代:2004年</p>
                <p>区域西：二旗</p>
            </div>
            <div class="RoomType-div1">
                <p>首付:123万</p>
                <p>月供:15683元</p>
            </div>
            <div class="RoomType-div2">
                <p>地铁：高西二期地铁站800米</p>
            </div>
            <div class="RoomType-div2">
                <p>小区：珠江帝景</p>
            </div>
            <div class="RoomType-div2">
                <p>学校：北京市第二实验小学</p>
            </div>
            <div class="RoomType-div3">
                <p>更多房源信息</p>
            </div>
        </div>
    </div>
    <div class="color"></div>
    <div class="characteristic">
        <div class="characteristic-div">
            <p>房源特色</p>
            <ul>
                <li>小区环境优雅，虽处闹市中(小区南200米有美廉美</li>
                <li>超市、西30米有华联商场、星美国际影城、东北角就</li>
                <li>是大中电器、小区东100米有汇佳幼儿园、昌平实验</li>
                <li>一小，昆泰国际大酒...</li>
            </ul>
            <p class="characteristic-p">更多特色</p>
        </div>
    </div>
    <div class="color"></div>
    <div class="Compartments">
        <div class="Compartments-div">
            <p>户型分间</p>
            <div>
                <img src="./image/index/img1.jpg" alt="">
                <ul>
                    <li>当前格局</li>
                    <li>分间信息：客厅25平米，南北通透</里》>
                    <li>
                        <span>南北通透</span>
                        <span>全明格局</span>
                    </li>
                </ul>
            </div>
            <div>
                <img src="./image/index/img1.jpg" alt="">
                <ul>
                    <li>当前格局</li>
                    <li>分间信息：客厅25平米，南北通透</里》>
                    <li>
                        <span>南北通透</span>
                        <span>全明格局</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="color"></div>
    <div class="school">
        <div class="school-div">
            <p>对口学校</p>
            <ul>
                <li>
                    <span>学校名称：</span>
                    <span>北京第二实验小学</span>
                </li>
                <li>
                    <span>升学方式：</span>
                    <span>直升、派位</span>
                </li>
                <li>
                    <span>对口中学：</span>
                    <span>团结湖中学</span>
                </li>
                <li>
                    <span>划片小区：</span>
                    <span>3个划片小区 在售房源150套</span>
                </li>
                <li>
                    <span>学校特色：</span>
                    <span>包食宿、有校车</span>
                </li>
                <li>查看学校详情</li>
            </ul>
        </div>
    </div>
    <div class="color"></div>
    <div class="location">
        <div class="location-div">
            <p>位置及周边</p>
            <div class="location-div1" id="container"></div>
            <!-- <div class="location-div2"></div> -->
        </div>
    </div>
    <div class="color"></div>
    <div class="referral">
        <div class="referral-div">
            <p>推荐房源</p>
            <div class="referral-div0">
                <div class="referral-div1">
                    <img class="referral-ing" src="./image/index/img1.jpg" alt="">
                    <ul>
                        <li>文化部中间层 一层带...</li>
                        <li>
                            <span>2室1厅96m²南北</span>
                            <span>1105万</span>
                        </li>
                        <li>
                            <span>红庙北里</span>
                            <span>14268元/平</span>
                        </li>
                        <li>
                            <span>学区房</span>
                        </li>
                    </ul>
                </div>
                <div class="referral-vv">推荐理由：同户型、通风好、采光好</div>

            </div>
            <div class="referral-div0">
                <div class="referral-div1">
                    <img class="referral-ing" src="./image/index/img1.jpg" alt="">
                    <ul>
                        <li>文化部中间层 一层带...</li>
                        <li>
                            <span>2室1厅96m²南北</span>
                            <span>1105万</span>
                        </li>
                        <li>
                            <span>红庙北里</span>
                            <span>14268元/平</span>
                        </li>
                        <li>
                            <span>学区房</span>
                        </li>
                    </ul>
                </div>
                <div class="referral-vv">推荐理由：同户型、通风好、采光好</div>

            </div>
            <div class="referral-div0">
                <div class="referral-div1">
                    <img class="referral-ing" src="./image/index/img1.jpg" alt="">
                    <ul>
                        <li>文化部中间层 一层带...</li>
                        <li>
                            <span>2室1厅96m²南北</span>
                            <span>1105万</span>
                        </li>
                        <li>
                            <span>红庙北里</span>
                            <span>14268元/平</span>
                        </li>
                        <li>
                            <span>学区房</span>
                        </li>
                    </ul>
                </div>
                <div class="referral-vv">推荐理由：同户型、通风好、采光好</div>

            </div>
            <div class="referral-div0">
                <div class="referral-div1">
                    <img class="referral-ing" src="./image/index/img1.jpg" alt="">
                    <ul>
                        <li>文化部中间层 一层带...</li>
                        <li>
                            <span>2室1厅96m²南北</span>
                            <span>1105万</span>
                        </li>
                        <li>
                            <span>红庙北里</span>
                            <span>14268元/平</span>
                        </li>
                        <li>
                            <span>学区房</span>
                        </li>
                    </ul>
                </div>
                <div class="referral-vv">推荐理由：同户型、通风好、采光好</div>

            </div>
            <div class="referral-div0">
                <div class="referral-div1">
                    <img class="referral-ing" src="./image/index/img1.jpg" alt="">
                    <ul>
                        <li>文化部中间层 一层带...</li>
                        <li>
                            <span>2室1厅96m²南北</span>
                            <span>1105万</span>
                        </li>
                        <li>
                            <span>红庙北里</span>
                            <span>14268元/平</span>
                        </li>
                        <li>
                            <span>学区房</span>
                        </li>
                    </ul>
                </div>
                <div class="referral-vv">推荐理由：同户型、通风好、采光好</div>

            </div>
            <div class="referral-div0">
                <div class="referral-div1">
                    <img class="referral-ing" src="./image/index/img1.jpg" alt="">
                    <ul>
                        <li>文化部中间层 一层带...</li>
                        <li>
                            <span>2室1厅96m²南北</span>
                            <span>1105万</span>
                        </li>
                        <li>
                            <span>红庙北里</span>
                            <span>14268元/平</span>
                        </li>
                        <li>
                            <span>学区房</span>
                        </li>
                    </ul>
                </div>
                <div class="referral-vv">推荐理由：同户型、通风好、采光好</div>

            </div>
            <p class="referral-pp">查看更多相似房源</p>
        </div>
    </div>
    <div class="bottom">
        <div class="bottom-div1">北京找房无忧 > 首页</div>
        <div class="bottom-div2">
            <div class="bottom-left">
                <img src="./image/index/apple.png" alt="">
                <div>
                    <p>iPhone</p>
                    <p>客户端</p>
                </div>
            </div>

            <div class="bottom-right">
                <img src="./image/index/android.png" alt="">
                <div>
                    <p>Android</p>
                    <p>客户端</p>
                </div>
            </div>

        </div>
        <div class="bottom-div3">
            <p>北京找房无忧房地产经纪公司</p>
            <p>网络经营许可证京ICP备20160812号</p>
        </div>
    </div>
    <div class="buoy">
        <div class="buoy-p">
            <button>
                <span><img class="buoy-img1" src="./image/SecondHandList/user.png" alt=""></span>
                <span>联系经纪人</span>
            </button>
            <p>
                <span><img class="buoy-img2" src="./image/SecondHandList/xin.png" alt=""></span>
                <span class="buoy-span">关注</span>
            </p>
        </div>
    </div>
</body>
<script src="./js/HosesDetail.js"></script>
<script src="./js/YinPing.js"></script>

</html>